// 发现-page style
@import "../../app.scss";
@import "../components/major_class.scss";

body {
  padding-top: rem(3.3867);
}

.header {
  position: fixed;
  top: 0;
  left: 0;

  width: 100%;
  height: rem(3.3867);
  background-color: $blue-color;
  z-index: 99;
  @include myflex(row, center);

  .search {
    width: rem(14.6933);
    height: rem(1.44);
    background-color: $white-color;

    border-radius: rem(0.2133);
    position: relative;
    @include myflex();
    padding-left: rem(1.7867);

    img {
      width: rem(1.0667);
      height: rem(1.0667);
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      left: rem(0.4267);
    }

    span {
      font-size: rem(0.7467);
      color: $hui-color;
    }
  }
}

.last {
  height: rem(266.6667);
}

.banner {
  a {
    display: block;
    width: 100%;
    height: rem(13.8667);
    @include bgimage("../../../../img/faxian/banner.png");
  }
}

.nav {
  width: rem(18.4533);

  height: rem(8.8267);
  border-bottom: 1px solid $hui-color;
  margin: 0 auto;
  @include myflex(row, space-between, center, wrap);

  li {
    width: rem(3.4933);
    height: rem(4.0533);

    @include myflex(column, space-around);

    img {
      width: rem(1.6267);
      height: rem(1.6267);
      margin-top: rem(0.7333);
    }

    span {
      font-size: rem(0.6133);
    }
  }

  flex-direction: column;
}

.nav_text {
  margin-top: 0.2667rem;
  @include myflex(row, space-between);

  .left {
    width: rem(9.7867);
    height: rem(5.0933);
    background: $qianbai-color;
    @include myflex(row, space-around);

    .left-left {
      p {
        font-size: rem(0.9067);
      }

      span {
        font-size: rem(0.6667);
      }
    }

    .left-right {
      img {
        height: rem(2.5333);
      }
    }
  }
}

.banner2 {
  height: rem(13.8667);
  @include bgimage("../../../../img/faxian/banner2.png");
  @include myflex(row, center);

  .box {
    width: rem(11.4667);
    height: rem(4.2667);

    @include bgimage("../../../../img/faxian/banner_box.png");
    @include myflex(column, center);
    color: $white-color;

    p {
      font-size: rem(0.64);
    }
    span {
      font-size: rem(0.8);
    }
  }
}
